<template>
    <div class="report-main" ref="all">
        <div class="top">
            <div>
                <el-select v-model="value1" placeholder="请选择" size="small">
                    <el-option
                        v-for="item in options1"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"> 
                    </el-option>
                </el-select>
                <el-button 
                    v-if="!value1"
                    type="primary" 
                    size="small"
                    style="margin-left: 10px;"
                >全部标记为已读</el-button>
            </div>
            <el-input 
                v-model="search" 
                size="small" 
                style="width: 300px;" 
                placeholder="流程名称、流程主题"
                suffix-icon="el-icon-search"
            ></el-input>
        </div>
        <div class="table">
            <el-table
                ref="multipleTable"
                :data="tableData"
                border
                tooltip-effect="dark"
                style="width: 100%">
                <el-table-column
                    type="index"
                    label="序号"
                    width="55">
                </el-table-column>
                <el-table-column label="流程名称"></el-table-column>
                <el-table-column label="申请人"></el-table-column>
                <el-table-column label="当前节点"  ></el-table-column>
                <el-table-column label="申请时间"  ></el-table-column>
            </el-table>
        </div>
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :page-sizes="pageInfo.page_sizes"
            :current-page.sync="pageInfo.page"
            :page-size="pageInfo.page_size"
            layout="total, sizes, prev, pager, next"
            :total="pageInfo.total"
            style="margin-bottom: 10px; margin-top: 10px"
        >
        </el-pagination>
    </div>
</template>
<script>
import base from './base.vue'
export default{
    extends:base,
    name:'mynotify',
    data() {
        return {
            value1:0,
            options1:[
                {
                    value: 0,
                    label: '未读知会'
                }, {
                    value: 1,
                    label: '已读知会'
                },
            ],
            search:'',
            tableData:[],
        }
    },
    created(){
    },
    methods: {
        
    },
}
</script>
<style lang="less" scoped>
.top{
    padding: 20px 0 16px;
    display: flex;
    justify-content: space-between;
}
</style>